.ico-list {
  font: 12px/1.5 tahoma, arial;
  li {
    background: none;
    border-radius: 2px;
    border: 1px solid #fff;
    float: left;
    height: 136px;
    margin: 0 5px 10px 0;
    text-align: center;
    width: 112px;
    list-style: none;
    span {
      &.ico {
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 80px;
        margin: 12px auto 4px;
        width: 84px;
        z-index: 1;
      }
      &.ico-folder {
        background-image: url("");
      }
      &.ico-file {
        background-image: url("");
      }
      &.ico-xls {
        background-image: url("http://p1.qhimg.com/t017dfacaaa1d931f6b.png");
      }
      &.ico-png {
        background-image: url("http://p2.qhimg.com/t019c4e1f82ca120375.png");
      }
      &.ico-txt {
        background-image: url("");
      }
      &.show-thumb {
        background: none;
        font-size: 1px;
        position: relative;
        text-align: center;
        img {

          display: inline-block;
          vertical-align: middle;
          height: auto;
          margin: 0 auto;
          max-height: 74px;
          max-width: 84px;
          width: auto;
        }
        span.img-sibling {
          display: inline-block;
          vertical-align: middle;
        }
      }
    }
    &.filelist-item {
      position: relative;
      &:hover {
        background: #eff3f9;
        border-color: #bcccde;
      }
      &.active {
        background: #eff3e9;
        border-color: #bcccde;
      }
    }
  }
  .txt {
    color: #595c5f;
    display: block;
    height: 23px;
    line-height: 23px;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100px;
  }
  .txt:hover {
    color: #0074D9;
    cursor: pointer;
  }
}
@keyframes fade-in {
  0% {opacity: 0;}/*初始状态 透明度为0*/
  40% {opacity: 0;}/*过渡状态 透明度为0*/
  100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fileListMain {
  height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  zoom: 1;
  .emptyTips {
    left: 50%;
    margin: 0 0 0 -180px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 336px;
    h1 {
      font-size: 100%;
      font-weight: 400;
    }
  }
}